<!DOCTYPE html>
<html lang="en">
    <head>
		<meta charset="utf-8">
		<title>For | RuiRui</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="author" content="Perfect Point Marketing">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" type="image/png" href="img/dog.png">
        <!-- Color Pickr -->

        <!-- Bootstrap -->
        <link href="includes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<!-- WOW JS Animation -->
		<link rel="stylesheet" href="includes/wow-js/animations.css" />
		<!-- Litebox  -->
		<link rel="stylesheet" href="includes/litebox/litebox.css" />
		<!-- Owl Carousel -->
		<link rel="stylesheet" href="includes/owl-carousel/owl.carousel.css" />
        <!-- custom css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
        <link href="css/media.css" rel="stylesheet" type="text/css" media="screen">
        <!-- font awesome for icons -->
        <link href="includes/font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet">
		<!-- Web Fonts -->

		<!-- Favicons -->
    </head>
    <body onLoad="" id="body">

		<div id="preloader">
			<div class="cube">
				<img src="./img/ruirui.jpg" alt="">
			</div>		
		</div><!--preloader end-->
		
		
		<section id="home">
			<div data-velocity="-.3" class="home-parallax"></div>
			<div class="home-overlay"></div>
			
			<div class="welcome-text">
				<div class="container">
					<h2 class="wow animated fadeInDown"> Nice to meet you, now and always</h2>
					<p class="wow animated fadeInUp">我想，最好的感情是两个人都用力的活，一起体验人生的种种趣味，也能包容与鼓励对方</p>
				</div>
			</div>
		</section><!--home section end-->
		
        <nav id="navigation">
            <div class="navbar navbar-default navbar-static-top" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="navbar-collapse collapse">

                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#home">Home</a></li>
                            <li><a href="#about">keyLine</a></li>
                            <li><a href="#testimonials">WithU</a></li>
                            <!--  <li><a href="#portfolio">CAMERA</a></li> -->
                            <li><a href="#blog">PUPPY</a></li>
                        </ul>

                    </div><!--/.nav-collapse -->
                </div><!--/.container -->
            </div><!--navbar-default-->
        </nav><!--navigation section end here-->
		
		<section id="about">
			<div class="container">
				<div class="row">
					<div class="col-md-6 wow animated fadeInUp">
						<h2 class="page-title">2017 / 06 / 10 </h2>
						<p>从来没有想过，你会来爸爸这儿打游戏。
							<br/>GTA5 好玩不
							<br/>看你开车那个惊心动魄，爸爸那一刻就意识到：
							<br/><h2>得赶紧考驾照了</h2>
						</p>
					</div>
					
					<div class="col-md-6 wow animated fadeInUp">
						<img class="img-responsive" src="./img/Her/5.jpg" alt="" />
					</div>
				</div>
			</div>
		</section>

		<section id="testimonials" class="section-padding">
			<div class="container">
				<div class="row wow animated fadeInDown">
					<div class="col-md-12 text-center hero-title">
						<i class="fa fa-quote-left" style=" background: #fff !important;"><img src="img/icon.jpg" alt=""></i>
						<h2 class="page-title">如果不曾遇见过你,我本可以忍受孤独.</h2>
						<p>我想，最好的感情是两个人都用力的活，一起体验人生的种种趣味，也能包容与鼓励对方</p>
					</div><!--hero title end-->
				</div>
			
				<div class="row wow animated fadeInUp">
					<div class="testimonial_section">
						<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12">

							<ul class="clients-list" role="tablist">
								<li class="active">
									<a data-toggle="tab" href="#client-01"><img src="img/demo-images/clients/u1.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-02"><img src="img/demo-images/clients/u2.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-03"><img src="img/demo-images/clients/u3.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-04"><img src="img/demo-images/clients/u4.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-05"><img src="img/demo-images/clients/u5.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-06"><img src="img/demo-images/clients/u6.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-07"><img src="img/demo-images/clients/u7.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-08"><img src="img/demo-images/clients/u8.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-09"><img src="img/demo-images/clients/u9.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-10"><img src="img/demo-images/clients/u10.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-11"><img src="img/demo-images/clients/u11.png" alt="" /></a>
								</li>
								<li>
									<a data-toggle="tab" href="#client-12"><img src="img/demo-images/clients/u12.png" alt="" /></a>
								</li>
							</ul><!--client photo end-->
						</div>
						
						<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
							<div class="client-testimonials-list">
								<div id="client-01" class="single-testimonial tab-pane fade in active">
									<h2>rui rui 同学</h2>
									<p>日常偷拍，哈哈 ~ ~</p>
									
									<div class="client-info">
										<p>Photo_By — Mr.郭先森</p>
									</div>
								</div>
								<div id="client-02" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学 && Mr.郭先森</h2>
									<p>我们的第一张合照，可是 ruirui 同学，你美颜开的四不四过火了，感谢你让爸爸如此年轻</p>
									
									<div class="client-info">
										<p>Photo_By — rui rui 同学</p>
									</div>
								</div>
								<div id="client-03" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学</h2>
									<p>嗯、 我才没有脸红呢...... meiyou!</p>
									
									<div class="client-info">
										<p>Photo_By — rui rui 同学</p>
									</div>
								</div>
								<div id="client-04" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学</h2>
									<p>那家的炒饭其实不如爸爸做的好吃，竟然不信，你等着被爸爸的炒饭重塑三观吧 ~~</p>
									
									<div class="client-info">
										<p>Photo_By — Mr.郭先森</p>
									</div>
								</div>
								<div id="client-05" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学</h2>
									<p>说真的，爸爸是喜欢吃甜点，但是那次，你吃的真的比爸爸多。
									<br>带着趣多多去甜品店，下次老板会打死你的 </p>
									
									<div class="client-info">
										<p>Photo_By — Mr.郭先森</p>
									</div>
								</div>
								<div id="client-06" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学</h2>
									<p>这是 9 年来第一次有人陪爸爸去医院你信么。也是爸爸在合肥三年<br>来被小发shao放倒<br>就是医药费小贵，够你吃好几顿酸菜鱼的了。<br>爸爸要好好锻炼身体了昂，不给你陪我去医院的机会</p>
									<div class="client-info">
										<p>Photo_By — Mr.郭先森</p>
									</div>
								</div>
								<div id="client-07" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学 && Mr.郭先森</h2>
									<p>自拍用这么正式的表情，留下一脸懵逼的爸爸</p>
									
									<div class="client-info">
										<p>Photo_By — rui rui 同学</p>
									</div>
								</div>
								<div id="client-08" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学</h2>
									<p>啊、脸又红。。。。meiyou，脸皮如此之厚，脸红，不存在的</p>
									
									<div class="client-info">
										<p>Photo_By — rui rui 同学</p>
									</div>
								</div>
								<div id="client-09" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学 && Mr.郭先森</h2>
									<p>真的，还是羡慕泥萌这些属性多肉的植物....啊呸, 丰满的身材</p>
									
									<div class="client-info">
										<p>Photo_By — Mr.郭先森</p>
									</div>
								</div>
								<div id="client-10" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学</h2>
									<p>这波儿给你满分</p>
									
									<div class="client-info">
										<p>!(Photo_By — Mr.郭先森)</p>
									</div>
								</div>
								<div id="client-11" class="single-testimonial tab-pane fade in">
									<h2>Mr.郭先森</h2>
									<p>两个大傻叉竟然背着 吉他，出去玩。至今还后悔出门让你背这么久，求原谅。<br>
									以后这么二的事情能不能阻止我啊</p>
									<div class="client-info">
										<p>Photo_By — rui rui 同学</p>
									</div>
								</div>
								<div id="client-12" class="single-testimonial tab-pane fade in">
									<h2>rui rui 同学 && Mr.郭先森</h2>
									<p>嗯，嗯，满意了不，给你拍<br>嗯，嗯，我在前面</p>
									<div class="client-info">
										<p>Photo_By — Mr.郭先森</p>
									</div>
								</div>
							</div>
						</div><!--testimonial list end-->
					</div>
				</div>
			</div>
		</section>
		
		<section id="parallax_1">
			<div data-velocity="-.3" class="parallax-bg" ></div>
			<div class="parallax-overlay"></div>
			<div class="container">
				<div class="row wow animated fadeInDown">
					<div class="col-md-12">
						<div class="call_to_action text-center">
							<h2 class="page-title">我心匪石,不可转也,我心匪席,不可卷也</h2>
							<p>末将宇，愿为徐家虞姬世世代代抗所有伤害，帮你打野，不抢人头</p>
						</div>
					</div>
				</div>
			</div>
		</section>	
		<section id="blog" class="section-padding">
			<div class="container">
				<div class="row wow animated fadeInDown">
					<div class="col-md-12 text-center hero-title">
						<i class="fa" style="background-color: #f6e4c3;"><img src="img/dog.png" alt="" width="70" height="70"></i>
						<h2 class="page-title">puppy 牵回家吧</h2>
						<p>与君初相识，犹如故人归。天涯明月新，朝暮最相思</p>					
					</div><!--hero title end-->
				</div>
				
				<div class="row blog-list wow animated fadeInUp">
					<div class="col-md-4 col-sm-4">
						<div class="single-blog">
				
							<div class="featured-content">
								<img class="img-responsive" src="img/demo-images/clients/u100.png" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/demo-images/clients/u100.png" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
							<h2>这位施主</h2>
							<p>您面相五行缺五行</p>
						</div>
					</div><!--blog col end-->
					<div class="col-md-4 col-sm-4">
						<div class="single-blog">
							<div class="featured-content">
								<img class="img-responsive" src="img/ni.png"  alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/ni.png" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
							<h2>日常遛五行</h2>
						</div>
					</div><!--blog col end-->
					<div class="col-md-4 col-sm-4">
						<div class="single-blog">
							<div class="featured-content">
								<img class="img-responsive" src="img/wo.png"  width="360" height="360" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/wo.png" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
							<h2>大家好</h2>
							<p>我叫“五行”</p>
							
						</div>
					</div><!--blog col end-->
				</div>
			</div>
<!-- 		</section>
		<section id="portfolio" class="section-padding">
	            <div class="container">
			<div class="row wow animated fadeInDown">
				<div class="col-md-12 text-center hero-title">
					<i class="fa"><img src="img/camera.png" width="70" alt=""></i>
					<h2 class="page-title">其实爸爸只是不擅长拍人</h2>
					<p>不过爸爸最近在学习啦，等着入爸爸的相册</p>					
				</div>hero title end	
			</div>
		
	                <div class="row">
	                    <div class="col-md-12 wow animated fadeInUp">
	                        <ul class="portfolio-filters text-center">
	                            <li class="filter active" data-filter="*">All</li>
	                            <li class="filter" data-filter=".day">day </li>
	                            <li class="filter" data-filter=".night">night</li>
	                        </ul>.portfolio-filter nav
	
	                        <div id="portfolio_list" class="row">
					
						<div class="col-sm-4 col-xs-12 pitem day">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu1.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu1.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						<div class="col-sm-4 col-xs-12 pitem day">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu2.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu2.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						<div class="col-sm-4 col-xs-12 pitem day night">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu3.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu3.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						
						<div class="col-sm-4 col-xs-12 pitem night">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu17.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu17.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						<div class="col-sm-4 col-xs-12 pitem day">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu5.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu5.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						<div class="col-sm-4 col-xs-12 pitem day">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu7.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu7.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
						<div class="col-sm-4 col-xs-12 pitem night">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu8.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu8.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						<div class="col-sm-4 col-xs-12 pitem day">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu9.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu9.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
						<div class="col-sm-4 col-xs-12 pitem day">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu10.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu10.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						<div class="col-sm-4 col-xs-12 pitem night">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu11.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu11.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
						<div class="col-sm-4 col-xs-12 pitem night">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu12.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu12.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						<div class="col-sm-4 col-xs-12 pitem day">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu13.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu13.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end 
						<div class="col-sm-4 col-xs-12 pitem day">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu14.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu14.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
						<div class="col-sm-4 col-xs-12 pitem night">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu15.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu15.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
						<div class="col-sm-4 col-xs-12 pitem night">
							<div class="portfolio_item">
								<img class="img-responsive" src="img/Photo/guoyu16.jpg" alt="" />
								<div class="portfolio-detail">
									<div class="portfolio-overlay"></div>
									<a href="img/Photo/guoyu16.jpg" data-litebox-group="myGallery" class="litebox"></a>
								</div>
							</div>
						</div>portfolio col end
					
					
					
						portfolio col end
	                        </div>#grid for filter items
	                    </div>.col-md-12 of portfolio filter
	                </div>.row
	            </div>
	        </section>work -->	
		<footer id="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-9 col-sm-9">
						<div class="footer-copyright">
							
						</div>
					</div><!--copyright col end-->
					
					<div class="col-md-3 col-sm-3">
						<div class="company-name">
							<p>叫<span>哥哥</span></p>
						</div>
					</div><!--blogname col end--> 
				</div>
			</div>
		</footer>

        <!--scripts and plugins -->
        <!--must need plugin jquery-->
        <script src="js/jquery.min.js"></script>        
        <!--bootstrap js plugin-->
        <script src="includes/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	
		<!--easying scroll effect-->
		<script src="js/jquery.easing.1.3.min.js" type="text/javascript"></script>
		<script src="js/jquery.sticky.js" type="text/javascript"></script>
		<script src="js/jquery.nav.js" type="text/javascript"></script>
		<!--owl carousel-->
		<script src="includes/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
		<!--wow animation-->
		<script src="includes/wow-js/wow.min.js" type="text/javascript"></script>
		
		<!--Activating WOW Animation only for modern browser-->
		<!--[if !IE]><!-->
			<script type="text/javascript">new WOW().init();</script>
		<!--<![endif]-->		
		
		<!--Oh Yes, IE 9+ Supports animation, lets activate for IE 9+-->
		<!--[if gte IE 9]>
			<script type="text/javascript">new WOW().init();</script>
		<![endif]-->		 
		
		<!--Opacity & Other IE fix for older browser-->
		<!--[if lte IE 8]>
			<script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
		<![endif]-->

		
		<!--parallax-->
		<script src="js/jquery.scrolly.js" type="text/javascript"></script>
		<!--portfolio-filter-->
		<script src="js/isotope.pkgd.min.js" type="text/javascript"></script>
		<!--lightbox-->
		<script src="includes/litebox/images-loaded.min.js" type="text/javascript"></script>
		<script src="includes/litebox/litebox.min.js" type="text/javascript"></script>
		<!--project count-->
		<script src="js/jquery.counterup.min.js" type="text/javascript"></script>
		<!--custom scrollbar-->
		<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
		<!--Contact Form-->
		<script src="includes/contact-form/app.js" type="text/javascript"></script>
		<script src="includes/contact-form/validatr.js" type="text/javascript"></script>
		
		<!--customizable plugin edit according to your needs-->
		<script src="js/custom.js" type="text/javascript"></script>
    </body>
</html>
